const TabBox = document.querySelector('.TabBox')
for (let i = 0; i < Data.length; i++) {
  var t = '<ul class="title"></ul>'
  var list = '<ul class="list"></ul>'
  TabBox.insertAdjacentHTML('beforeend', t)
  TabBox.insertAdjacentHTML('beforeend', list)

}
const tabBoxList = document.querySelectorAll('.list')
const title = document.querySelectorAll('.title')


Data.forEach((item, index) => {
  let val = ''
  var titleVal = ''
  titleVal += item.title
  item.data.forEach(element => {
    val += '<li>' + element.text + '</li>'
  });
  title[index].innerHTML = titleVal
  tabBoxList[index].innerHTML = val
})







